﻿    <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-8">
        <div class="panel panel-default">
            <div id="panelBuscador-pasajes-barra-top" class="panel-heading">
                <label class="radio-inline">
                    <input type="radio" name="tipoPasajeGroup" value="1" data-bind="checked: IsOneWay"
                        id="rdoSoloIda">
                    IDA
                </label>
                <label class="radio-inline">
                    <input type="radio" name="tipoPasajeGroup" value="0" id="rdoIdaYvuelta" data-bind="checked: IsOneWay"
                        checked="checked">
                    IDA Y VUELTA
                </label>
            </div>
            <div id="panelBuscador-pasajes-barra-top-body" class="panel-body">
                <form role="form" action="">
                <div class="row">
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        <div class="form-group">
                            <label for="txtOrigenTerminal">
                                Origen</label>
                            <input id="txtOrigenTerminal" type="text" data-bind="value: origen.terminal, typeAheadValue: origen.terminal"
                                placeholder="Origen" class="form-control" autocomplete="off" />
                        </div>
                        <div class="form-group">
                            <label for="txtDestinoTerminal">
                                Destino</label>
                            <input id="txtDestinoTerminal" type="text" data-bind="value: destino.terminal, typeAheadValue: destino.terminal"
                                placeholder="Destino" class="form-control" autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        <div class="form-group">
                            <label for="TxtFechaSalida">
                                FECHA IDA</label>
                            <div class="input-append date" id="dpickerSalida" data-date="12/10/2013" data-date-format="dd/mm/yyyy">
                                <div class="input-group">
                                    <input id="TxtFechaSalida" size="16" type="text" value="12/10/2013" data-bind="value: fechaIda"
                                        class="form-control">
                                     <span class="add-on input-group-addon"><i class="fa fa-calendar fa-fw"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" data-bind="visible: IsOneWay() == false">
                            <label for="txtFechaVuelta">
                                FECHA VUELTA</label>
                            <div class="input-append date " id="dpickerVuelta" data-date="12/10/2013" data-date-format="dd/mm/yyyy">
                                <div class="input-group">
                                    <input id="txtFechaVuelta" size="16" type="text" value="12/10/2013" data-bind="value: fechaVuelta"
                                        class="form-control">
                                     <span class="add-on input-group-addon"><i class="fa fa-calendar fa-fw"></i></span>
                                </div>
                            </div>
                        </div>
                        <!-- ko if: IsOneWay() == 1 -->
                        <div class="form-group">
                            <label for="cmbCantidadPasajeros">
                                Pasajeros</label>
                            <select id="cmbCantidadPasajeros" class="form-control select-numero-pasajeros" data-bind="value: pasajeros">
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <!-- /ko -->
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-4">
                        <!-- ko if: IsOneWay() == 0 -->
                        <div class="form-group">
                            <label for="cmbCantidadPasajeros">
                                Pasajeros</label>
                            <select id="cmbCantidadPasajeros" class="form-control select-numero-pasajeros" data-bind="value: pasajeros">
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 col-sm-4 col-md-4">
                                <br />
                                <a id="btnBuscarPasaje" data-bind="click: buscarPasajes, 
                                        page-href: {path: '../Servicios/pasajesDisponibles',                                      
                                        params: {origenId: origen.idTerminal, destinoId: destino.idTerminal, pasajeros: pasajeros, IsOneWay: IsOneWay, fechaIda: fechaIda, fechaVuelta: fechaVuelta, origen: origen.terminal, destino: destino.terminal  }}"
                                class="btn btn-default  btn-sm btn-block">Buscar</a>
                            </div>
                        </div>
                        <!-- /ko -->

                        <!-- ko if: IsOneWay() == 1 -->
                        <div class="row">
                            <div class="col-xs-12 col-sm-4 col-md-4">
                                <br />
                                <a id="btnBuscarPasaje" data-bind="click: buscarPasajes, 
                                        page-href: {path: '../Servicios/pasajesDisponibles',                                      
                                        params: {origenId: origen.idTerminal, destinoId: destino.idTerminal, 
                                        pasajeros: pasajeros, IsOneWay: IsOneWay, fechaIda: fechaIda, 
                                        origen: origen.terminal, destino: destino.terminal  }}"
                                class="btn btn-default  btn-sm btn-block">Buscar</a>
                            </div>
                        </div>
                        <!-- /ko -->

                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div id="novedadesList" class="col-xs-12 col-sm-12 col-md-6">
        <div class="panel panel-default">
            <div class="panel-heading">
                <p>
                    Novedades</p>
            </div>
            <div class="panel-body">
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="../../Content/img/foto-novedades-1.jpg" alt="Noticia 1">
                    </a>
                    <div class="media-body">
                        <a href="/anunciar-en-plataforma-10">Viajes Especiales: Resolvé tu viaje grupal con
                            Plataforma 10</a>
                    </div>
                </div>
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="../../Content/img/foto-novedades-2.jpg" alt="Noticia 1">
                    </a>
                    <div class="media-body">
                        <a href="/anunciar-en-plataforma-10">¿Sabías que ahora podés comprar tu ida y vuelta
                            en un solo paso?</a>
                    </div>
                </div>
                <div class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="../../Content/img/foto-novedades-3.jpg" alt="Noticia 1">
                    </a>
                    <div class="media-body">
                        <a href="/anunciar-en-plataforma-10">Viajes Especiales: Resolvé tu viaje grupal con
                            Plataforma 10</a>
                    </div>
                </div>
            </div>
        </div>
    </div>





        <div class="col-xs-12 col-sm-12 col-md-6">
        <div id="carousel-example-generic" class="carousel slide ">
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
                <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <img src="../../Content/img/Ventapresencial.jpg" alt="">
                </div>
                <div class="item">
                    <img src="../../Content/img/compraOnlineBanelco.jpg" alt="">
                </div>
                <div class="item">
                    <img src="../../Content/img/desdeMovil.jpg" alt="">
                </div>
            </div>
            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                <span class="icon-prev"></span></a><a class="right carousel-control" href="#carousel-example-generic"
                    data-slide="next"><span class="icon-next"></span></a>
        </div>
    </div>




</div>
